import Vue from 'vue'
// 导入组件
import SvgIcon from '@/components/SvgIcon'// svg component

// register globally
Vue.component('svg-icon', SvgIcon)// 全局注册组件

// require.context 自动导入文件夹下的一切方法
// false代表如果有子目录,不管
const req = require.context('./svg', false, /\.svg$/)
// 返回一个函数 ->webpackContext
// 1.函数(方法) 也是对象,可以直接  .  属性  或者  . 方法
// 2.map里可以直接写function 也可以方一个变量(函数体)

const requireAll = requireContext => {
  console.log(requireContext.keys())
  // ['./dashboard.svg', './example.svg', './eye-open.svg', './eye.svg', './form.svg', './link.svg', './nested.svg', './password.svg', './table.svg', './tree.svg', './user.svg']
  // requireContext.keys().map()遍历每个svg的文件路径
  // 函数式编程,回调函数,放到map里执行, req函数 webpackContext
  return requireContext.keys().map(requireContext)
  // 遍历的同时,同req函数内的webpack的require 引入svg文件到项目工程
}

requireAll(req)
